<template>
    <div>
        <common-echart :data="data" type="gauge"></common-echart>
        <div>
            <h3 class="item-title">外圈设置</h3>
            <el-form-item label="外圈大小">
                <el-input v-model="data.options.series[0].radius"></el-input>
            </el-form-item>
            <el-form-item label="外圈颜色">
                <el-color-picker v-model="data.options.series[0].axisLine.lineStyle.color[0][1]"></el-color-picker>
            </el-form-item>
            <el-form-item label="外圈宽度">
                <el-input type="number" v-model="data.options.series[0].axisLine.lineStyle.width"></el-input>
            </el-form-item>
            <el-form-item label="起始角度">
                <el-input type="number" v-model="data.options.series[0].startAngle"></el-input>
            </el-form-item>
            <el-form-item label="结束角度">
                <el-input type="number" v-model="data.options.series[0].endAngle"></el-input>
            </el-form-item>
        </div>
        <div>
            <h3 class="item-title">内圈设置</h3>
            <el-form-item label="内圈大小">
                <el-input v-model="data.options.series[1].radius"></el-input>
            </el-form-item>
            <el-form-item label="内圈颜色">
                <el-color-picker v-model="data.options.series[1].axisLine.lineStyle.color[0][1]"></el-color-picker>
            </el-form-item>
            <el-form-item label="内圈宽度">
                <el-input type="number" v-model="data.options.series[1].axisLine.lineStyle.width"></el-input>
            </el-form-item>
            <el-form-item label="起始角度">
                <el-input type="number" v-model="data.options.series[1].startAngle"></el-input>
            </el-form-item>
            <el-form-item label="结束角度">
                <el-input type="number" v-model="data.options.series[1].endAngle"></el-input>
            </el-form-item>
            <el-form-item label="字体大小">
                <el-input type="number" v-model="data.options.series[1].detail.fontSize"></el-input>
            </el-form-item>
        </div>
    </div>
</template>
<script>
import CommonEchart from './CommonEchart'
import {getEchartByType} from '@/api/api'
export default {
    name: 'SetGaugeEchart',
    components: {
        CommonEchart
    },
    props: {
        data: {
            type: Object
        },
        selectDict: {
            type: Array
        }
    },
    data(){
        return {

        }
    },
    methods: {

    }
}
</script>

